<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>骑行，发现生活更美好</title>
    <link rel="stylesheet" href="../css/style.css">
    <script type="text/javascript">
        function computeSize() {
            var rate = ((document.documentElement.clientWidth || document.body.clientWidth) * 100) / 750;
            document.querySelector('html').style.fontSize = rate + 'px'
        }
        computeSize();
        window.addEventListener("resize", computeSize);
    </script>
</head>
<body>
<div id="wrapper" class="lin">

    <div id="img_box" class="end-box">
        <img src="../images/end.png" />
    </div>

    <dic id="ipt_box">
        <textarea name="" id="" placeholder="输入文字"></textarea>
        <img src="../images/qr.png">
    </dic>


</div>
<div id="btm-nav">
    <a href="javascript:history.back(-1)">重拍</a>
    <!--<input type="file" style="/* visibility: hidden */" capture="camera" accept="image/*,video/*" name="" value="" >-->

    <a href="#" id= "cur">一键上传</a>
</div>
<div id="qaz">

</div>

<script src="../js/jquery.min.js"></script>
<script src="../js/commin.js"></script>
<script src="../js/html2canvas.min.js"></script>
<script src="../js/index.js"></script>
<script src="../js/end.js"></script>
<script>
    $('#cur').click(function () {
        html2canvas(document.getElementById('wrapper'), {
            onrendered: function(canvas) {
                var a= document.getElementById('qaz').appendChild(canvas);
                var url=a.toDataURL("image/png");
                console.log('')
            },

        });
    })


</script>
</body>
</html>